{%load static%}
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>ckplayer</title>
		
		<style type="text/css">
			body {
				margin: 0;
				padding: 0px;
				font-family: "Microsoft YaHei", YaHei, "微软雅黑", SimHei, "黑体";
				font-size: 18px;
			}
			p{
				padding-left: 2em;
			}
		</style>

	</head>

	<body>
		<div id="video" style="width: 100%; height: 400px;max-width: 600px;">
		</div>
		<script type="text/javascript" src="{%static 'ckplayer/ckplayer.js'%}" charset="UTF-8"></script>
		<script type="text/javascript">
			var videoObject = {
		container: '#video',//“#”代表容器的ID，“.”或“”代表容器的class
		variable: 'player',//该属性必需设置，值等于下面的new chplayer()的对象
		flashplayer:false,//如果强制使用flashplayer则设置成true
		video:{
		    file:'{{show}}',//视频地址
		    type:'video/m3u8'
          }
        };
        var player=new ckplayer(videoObject);
    </script>

    <table>

     {%for url, name in url_list%}
     <tr>
       <a href="{{url}}">{{name}}</a>
     </tr>
     {%endfor%}
    </table>
    
    


		
	</body>

</html>